/* 导航 */

.header {
    width: 100%;
    height: 100px;
}

.header-c {
    /* width: 34%; */
    /* width: 33.3%; */
    width: 1220px;
    /* width: fit-content; */
    height: 100%;
    margin: 0 auto;
    /* margin: 0 240px; */
}

.header-c .header-logo {
    width: 221px;
    height: 52px;
    padding: 24px 0;
    /* margin-left: 80px; */
    float: left;
}

.header-c .header-logo>img {
    width: 221px;
    height: 52px;
}

.header-c .header-nav {
    float: right;
}

.header-c .header-nav .header-nav-item {
    float: left;
    height: 100px;
    line-height: 100px;
    margin-left: 109px;
    padding-top: 0.1px;
}


/* .header-nav .header-nav-item .nav-item-title {} */

.header-nav .header-nav-item .nav-item-line {
    display: none;
    width: 80%;
    height: 1px;
    background-color: #668aca;
    border-radius: 1px;
    margin: -35px auto 0;
}

.header-nav .header-nav-item.active .nav-item-line {
    display: block;
}

.header-nav .header-nav-item:hover .nav-item-line {
    display: block;
}


/* 导航结束 */


/* 底部 */

.footer {
    width: 100%;
    height: 262px;
    background-color: #f7f7f7;
}

.footer-c {
    /* width: 34%; */
    /* width: 33.3%; */
    width: 1220px;
    /* width: fit-content; */
    height: 100%;
    margin: 0 auto;
    padding-top: 0.1px;
}

.footer-c .footer-links {
    width: fit-content;
    margin: 0 auto;
    margin-top: 98px;
}

.footer-c .footer-links .footer-links-list {
    float: left;
    width: 406px;
    height: 74px;
}

.footer-c .footer-links .footer-links-list.active {
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
}

.footer-c .footer-links .footer-links-list dl {
    width: fit-content;
    height: 74px;
    margin: 0 auto;
}

.footer-links .footer-links-list dl dt {
    font-size: 16px;
    margin-bottom: 16px;
}

.footer-links .footer-links-list dl dd {
    font-size: 14px;
    margin-bottom: 16px;
}

.footer-contact {
    width: 25px;
    height: 25px;
    margin-right: 19px;
}


/* 底部结束 */


/*  栏目column的title */

.column-title {
    width: 1220px;
    /* width: fit-content; */
    height: 51px;
    margin: 0 auto;
}

.column-title h3 {
    font-size: 30px;
    line-height: 28px;
    margin-bottom: 6px;
}

.column-title .desc {
    font-size: 12px;
    line-height: 10px;
    margin-bottom: 6px;
}

.column-title .line {
    height: 1px;
    line-height: 1px;
}

.column-title .line .left-line {
    float: left;
    width: 60px;
    height: 1px;
    line-height: 1px;
    background-color: #a1a1a1;
}

.column-title .line .right-line {
    float: right;
    width: 300px;
    height: 1px;
    line-height: 1px;
    background-color: #a1a1a1;
}


/*  栏目column的title结束 */


/* 子导航 */

.subnav {
    /* width: 1220px; */
    width: fit-content;
    height: 20px;
    margin: 0 auto;
}

.subnav .subnav-item {
    display: inline-block;
    width: 100px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    text-align: center;
    padding-top: 0.1px;
}

.subnav .border {
    display: inline-block;
    width: 1px;
    height: 8px;
    line-height: 16px;
    background-color: #b5b5b5;
}

.subnav .subnav-item a {
    display: block;
    line-height: 16px;
}

.subnav .subnav-item.active a {
    font-size: 16px;
    color: #668aca;
}

.subnav .subnav-item:hover a {
    font-size: 16px;
    color: #668aca;
}

.subnav .subnav-item .subnav-line {
    width: 12px;
    height: 1px;
    background-color: #668aca;
    margin: 0 auto;
    margin-top: 3px;
    display: block;
    opacity: 0;
}

.subnav .subnav-item.active .subnav-line {
    opacity: 1;
}

.subnav .subnav-item:hover .subnav-line {
    opacity: 1;
}


/* 子导航结束 */